<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>西安新东方BUG反馈表单</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">
</head>
<body>
  <form class="form-horizontal">
    <fieldset>
      <div id="legend" class="">
        <legend class="">BUG反馈表单-Beta version</legend>
      </div>

    <div class="control-group">

          <!-- Textarea -->
          <label class="control-label">出了什么问题？总结一下，不超过10个字。</label>
          <div class="controls">
            <div class="textarea">
                  <textarea type="" class=""> </textarea>
            </div>
          </div>
        </div>

    <div class="control-group">

          <!-- Search input-->
          <label class="control-label">定位</label>
          <div class="controls">
            <input type="text" placeholder="哪里出了问题？如果是一个网站，把网址复制粘贴下来。如果不是，给出发生问题的窗口名称" class="input-xlarge search-query">
            <p class="help-block">Supporting help text</p>
          </div>
    </div>

        <div class="control-group">
          <label class="control-label">程序运行环境</label>
          <div class="controls">
            <!-- Multiple Checkboxes -->
            <label class="checkbox">
              <input type="checkbox" value="windows PC">
              windows PC
            </label>
            <label class="checkbox">
              <input type="checkbox" value="Mac">
              Mac
            </label>
            <label class="checkbox">
              <input type="checkbox" value="iOS">
              iOS
            </label>
            <label class="checkbox">
              <input type="checkbox" value="Android">
              Android
            </label>
            <label class="checkbox">
              <input type="checkbox" value="WP">
              WP
            </label>
          </div>
         </div>

    <div class="control-group">
          <label class="control-label">浏览器</label>
          <div class="controls">
            <!-- Multiple Checkboxes -->
            <label class="checkbox">
              <input type="checkbox" value="Firefox">
              Firefox
            </label>
            <label class="checkbox">
              <input type="checkbox" value="Chrome">
              Chrome
            </label>
            <label class="checkbox">
              <input type="checkbox" value="IE（天杀的）">
              IE（天杀的）
            </label>
            <label class="checkbox">
              <input type="checkbox" value="360极速浏览器">
              360极速浏览器
            </label>
            <label class="checkbox">
              <input type="checkbox" value="QQ浏览器">
              QQ浏览器
            </label>
          </div>
    </div>



    <div class="control-group">

          <!-- Search input-->
          <label class="control-label">描述一下BUG</label>
          <div class="controls">
            <input type="text" placeholder="详细描述发生的问题" class="input-xlarge search-query">
            <p class="help-block">Supporting help text</p>
          </div>
    </div>



    <div class="control-group">

          <!-- Search input-->
          <label class="control-label">列出问题复现的步骤</label>
          <div class="controls">
            <input type="text" placeholder="例如：“1）打开浏览器；2）访问www.mysite.com; 3) 点击&quot;登录&quot;按钮；" class="input-xlarge search-query">
            <p class="help-block">Supporting help text</p>
          </div>

        </div>

    <div class="control-group">

          <!-- Search input-->
          <label class="control-label">期待情况以及实际情况</label>
          <div class="controls">
            <input type="text" placeholder="要写出当你执行了上述步骤后你期待发生什么，以及实际发生了什么。例如：“期待情况：显示登录表单。实际情况：一幅图片显示出来，上面有一只泰迪熊和一句话『网站故障，请耐心等待。』”" class="input-xlarge search-query">
            <p class="help-block">Supporting help text</p>
          </div>

        </div>

    <div class="control-group">

          <!-- Textarea -->
          <label class="control-label">提出修复建议</label>
          <div class="controls">
            <div class="textarea">
                  <textarea type="" class=""> </textarea>
            </div>
          </div>
        </div>

    <div class="control-group">
          <label class="control-label">截屏！出现问题的截屏，并发送给我们</label>

          <!-- File Upload -->
          <div class="controls">
            <input class="input-file" id="fileInput" type="file">
          </div>
        </div>

    <div class="control-group">
          <label class="control-label">BUG优先级</label>
          <div class="controls">
      <!-- Multiple Radios -->
      <label class="radio">
        <input type="radio" value="1.极度重要：“停下其他事，马上修复此问题！！！！”" name="优先级具有主观性，对于bug报告者总是觉得任何事都是最最重要。但是为了公平，先深呼吸一下，再考虑问题究竟有多重要。下列条目对你有所帮助。" checked="checked">
        1.极度重要：“停下其他事，马上修复此问题！！！！”
      </label>
      <label class="radio">
        <input type="radio" value="2.重要：“需要尽快解决。”" name="优先级具有主观性，对于bug报告者总是觉得任何事都是最最重要。但是为了公平，先深呼吸一下，再考虑问题究竟有多重要。下列条目对你有所帮助。">
        2.重要：“需要尽快解决。”
      </label>
      <label class="radio">
        <input type="radio" value="3.一般：“快点修复，但如果不能马上解决也可以。”" name="优先级具有主观性，对于bug报告者总是觉得任何事都是最最重要。但是为了公平，先深呼吸一下，再考虑问题究竟有多重要。下列条目对你有所帮助。">
        3.一般：“快点修复，但如果不能马上解决也可以。”
      </label>
      <label class="radio">
        <input type="radio" value="4.不重要：“如果有必要，这个问题可以推后处理。”" name="优先级具有主观性，对于bug报告者总是觉得任何事都是最最重要。但是为了公平，先深呼吸一下，再考虑问题究竟有多重要。下列条目对你有所帮助。">
        4.不重要：“如果有必要，这个问题可以推后处理。”
      </label>
      <label class="radio">
        <input type="radio" value="5.极不重要：“这个想法或建议应该暂缓执行，以后再说。”" name="优先级具有主观性，对于bug报告者总是觉得任何事都是最最重要。但是为了公平，先深呼吸一下，再考虑问题究竟有多重要。下列条目对你有所帮助。">
        5.极不重要：“这个想法或建议应该暂缓执行，以后再说。”
      </label>
  </div>

        </div>

    <div class="control-group">
          <label class="control-label">Button</label>

          <!-- Button -->
          <div class="controls">
            <button class="btn btn-success">Button</button>
          </div>
        </div>

    </fieldset>
  </form>

</body>
</html>
